import { getToken } from "../../../utils/getToken";
import { qqmap } from '../../../utils/qqmap'


Page({
  data: {
    // 维修详情
    repairDetail: {},
    // 地图显示中心经纬度天安门
    latitude: 40.13012,
    longitude: 116.65477,
    // 地图标记点配置
    markers: [{
      id: 1,
      latitude: 40.13012,
      longitude: 116.65477,
      width: 40,
      height: 40,
      iconPath: '/static/images/1.jpeg'
    }, {
      id: 2,
      // 端门
      latitude: 40.13556662837503,
      longitude: 116.66228018524168,
      width: 40,
      height: 40,
      iconPath: '/static/images/2.jpeg'
    }],
    // 端门
    // latitude: 39.91035,
    // longitude: 116.397432,
    polyline: [],
    // polyline: [{
    //   points: [{
    //     latitude: 39.908823,
    //     longitude: 116.39747,
    //   }, {
    //     latitude: 39.91035,
    //     longitude: 116.397432,
    //   }],
    //   // 路线颜色
    //   color: '#00ffff',
    //   // 路线宽度
    //   width: 12,
    //   // 路线边缘颜色
    //   borderColor: '#ff00ff',
    //   // 路线边缘宽度
    //   borderWidth: 3
    // }]



    // latitude: 40.060539,
    // longitude: 116.343847,
  },

  onLoad(options) {
    // 获取维修详情
    this.getRepairDetail(options.id)
    // 使用腾讯地图获得两点之间的经纬度信息
    this.getPolyline()
  },
  // 使用腾讯地图获得两点之间的经纬度信息
  getPolyline() {
    qqmap.direction({
      mode: 'bicycling',
      // 路线规划起点
      from: '40.13012,116.65477',
      // 路线规划终点
      to: '40.13556662837503,116.66228018524168',
      success: (res) => {
        console.log('res====>', res)
        const coors = res.result.routes[0].polyline
        const pl = [];
        // 坐标解压算法：https://lbs.qq.com/miniProgram/jsSdk/jsSdkGuide/methodDirection#4
        //坐标解压（返回的点串坐标，通过前向差分进行压缩）
        for (let i = 2; i < coors.length; i++) {
          coors[i] = Number(coors[i - 2]) + Number(coors[i]) / 1000000;
        }
        //将解压后的坐标放入点串数组pl中
        for (let i = 0; i < coors.length; i += 2) {
          pl.push({ latitude: coors[i], longitude: coors[i + 1] })
        }
        console.log('coors', coors)
        console.log('pl', pl)
        // 设置页面数据
        this.setData({
          polyline: [{
            points: pl,
            color: '#58c16c',
            width: 6,
            borderColor: '#2f693c',
            borderWidth: 1
          }]
        })
      }
    })
  },

  // 获取维修详情
  getRepairDetail(id) {
    wx.request({
      url: `https://live-api.itheima.net/repair/${id}`,
      method: 'GET',
      header: {
        Authorization: 'Bearer ' + getToken()
      },
      success: (res) => {
        // 判断数据异常
        if (res.data.code !== 10000) {
          return wx.showToast({
            title: res.data.message,
          })
        }
        // 设置页面数据
        this.setData({
          repairDetail: res.data.data
        })
      }
    })
  },

  // 修改报修详情
  handleRepairTap(e) {
    // 跳转到报修表单编辑页面
    wx.navigateTo({
      url: `/repair_pkg/pages/form/index?houseId=${this.data.repairDetail.id}`,
    })
  }
});
